Skip to main content
Version: Current

Cart settings

The Cart theme settings are crucial for customizing the shopping cart experience across the shop, influencing how customers interact with their purchases. These settings control the cart's overall look and feel and can be applied globally or overridden at the section or block level. Key features include options for mini cart buttons, currency code display, dynamic checkout buttons, and order notes, all designed to enhance user experience.

The cart announcement settings provide additional information or reassurance during checkout, with customizable icons and text. The empty cart settings encourage users to add items by personalizing the empty cart message and appearance, including icons, headings, subheadings, and button styles.

Usage examples include enabling both checkout and view cart options for flexibility, displaying currency codes for international clarity, using cart announcements to reassure customers, and customizing empty cart messages to encourage product exploration. These settings collectively aim to improve customer engagement and streamline the shopping process.

Overview​

The Cart theme settings are essential for customizing the shopping cart experience across the entire shop. These settings control the overall look and feel of the cart, influencing how customers interact with their shopping experience. They are applied globally but can be overridden at the section or block level if needed.

Key components and functionality​

Cart settings​

The cart settings allow you to tailor the behavior and appearance of the cart interface, enhancing the shopping experience for users.

Mini cart buttons​

This setting determines the actions available in the mini cart. You can choose from the following options:

  • Checkout: Directs users to the checkout page.
  • View cart: Allows users to view their cart details.
  • Both: Provides both checkout and view cart options.
    • Default: Checkout

Show currency codes​

This option enables the display of currency codes alongside prices, providing clarity for international customers.

Show dynamic checkout buttons​

When enabled, this setting displays dynamic checkout buttons, allowing customers to quickly proceed with their preferred payment method.

  • Default: Enabled

Show order notes​

This setting allows customers to add notes to their orders, which can be useful for special instructions or requests.

  • Default: Enabled

Cart announcement​

The cart announcement settings are used to provide additional information or reassurance to customers during the checkout process.

Announcement icon​

You can specify an icon to accompany the cart announcement, enhancing its visibility and impact.

  • Default: Lock

Announcement text​

This text is displayed as part of the cart announcement, typically used for messages like "Secured checkout."

  • Default: Secured checkout

Empty cart settings​

These settings are designed to encourage users to add items to their cart by customizing the empty cart message and appearance.

Icon​

Choose an icon to display when the cart is empty, adding a visual element to the message.

Heading​

Set a heading for the empty cart message to capture the user's attention.

Subheading​

Provide additional context or encouragement with a subheading in the empty cart message.

Button icon​

Select an icon for the button that encourages users to continue shopping or explore products.

Button text​

Customize the text on the button that directs users to browse products or collections.

Specify the URL that the button will link to, guiding users to a specific page or collection.

Decide whether the button link should open in a new tab, allowing users to keep their current page open.

  • Default: Disabled

Button style​

Choose the style of the button from the following options:

  • Primary
  • Secondary
  • Extra large
  • Plain
  • Small
  • Small secondary

Button layout​

Select the layout for the button, determining the position of the icon relative to the text:

  • Icon left
  • Icon right
  • Icon only

Usage examples​

  1. Customizing the mini cart: Enable both checkout and view cart options to provide flexibility for users who may want to review their cart before proceeding to checkout.

  2. Enhancing international shopping: Display currency codes to ensure that international customers are aware of the currency they are viewing, reducing confusion and potential cart abandonment.

  3. Encouraging purchases with announcements: Use the cart announcement feature to reassure customers with messages like "Free returns" or "Secure payment," increasing their confidence in completing the purchase.

  4. Improving empty cart engagement: Customize the empty cart message with a friendly heading and a call-to-action button that links to a featured collection, encouraging users to explore products and add them to their cart.